<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品</title>
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/group.css">
    <link rel="stylesheet" href="css/show.css">
    <link rel="stylesheet" href="css/animate.css">
    <script src="js/jquery-2.0.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/show.js"></script>

</head>
<body>
<!--顶部导航栏-->
<header>
    <!--置顶菜单栏-->
    <div class="wrapper">
    <div class="home">
    <div class="box">
    <div class="detail-main">
        <div class="main-nav-wrap">
            <div class="main-nav">
                <ul class="list ">
                    <li class="c">
                        <a href="#and" id="cc">
                            <p>商品详情</p>
                            <img class="arrow" src="img/arrow.png" alt="">
                        </a>
                    </li>
                    <li class="d" >
                        <a href="#five" id="aa">买家评价 1045</a>
                    </li>
                </ul>
            </div>
            <div class="home-center">
                <a href="#one" class="out-1">尺码材质</a><b>|</b>
                <a href="#two" class="out-2">穿着效果</a><b>|</b>
                <a href="#four" class="out-3">细节做工</a><b>|</b>
            </div>
        </div>
    </div>
    </div>
    </div>
    </div>
    <!-- 导航条 -->
    <div class="header-o"></div>
    <div class="header-t">
        <ul>
            {{if user}}
            <li class="ul-1 ull"><a href="#">{{user}}<span class="back3"></span></a></li>
            <div class="ul-11">
                <div class="ul-111 ul-112"><a href="#">个人设置</a></div>
                <div class="ul-111 ul-113"><a href="#">账号绑定</a></div>
                <div class="ul-111 ul-114"><a href="/signout">退出</a></div>
            </div>
            <li class="ul-2 ull"><a href="#">信息</a></li>
            <li class="ul-7 ull"><a href="#">我的收藏<span class="back3"></span></a></li>
            <div class="ul-71">
                <div class="ul-711 ul-712"><a href="#">收藏的商品</a></div>
                <div class="ul-711 ul-713"><a href="#">收藏的小店</a></div>
                <div class="ul-711 ul-714"><a href="#">浏览足迹</a></div>
            </div>
            {{else}}
            <li class="ul-1 ull" style="margin:10px 360px;"><a href="/register">注册</a></li>
            <li class="ul-2 ull" style="margin:10px 410px;"><a href="/signin">登录</a></li>
            {{/if}}
            <li class="ul-3 ull"><a href="#"><span class="back"></span>我的订单</a></li>
            <li class="ul-4 ull"><a href="#"><span class="back2"></span>购物车</a></li>
            <div class="ul-41">购物车里没有商品</div>
            <li class="ul-5 ull"><a href="#">客户服务<span class="back3"></span></a></li>
            <div class="ul-51">
                <div class="ul-511 ul-512"><a href="#">消费者服务</a></div>
                <div class="ul-511 ul-513"><a href="#">商家服务</a></div>
                <div class="ul-511 ul-514"><a href="#">规则中心</a></div>
            </div>
            <li class="ul-6 ull"><a href="#"><span class="back4"></span>我的小店<span class="back5"></span></a></li>
            <div class="ul-61">
                <div class="ul-511 ul-611"><a href="#">管理后台</a></div>
                <div class="ul-511 ul-612"><a href="#">商家社区</a></div>
                <div class="ul-511 ul-613"><a href="#">商家培训</a></div>
                <div class="ul-511 ul-614"><a href="#">市场入驻</a></div>
            </div>
        </ul>
    </div>
</header>
<!--导航栏-->
<nav>
    <div class="body">
        <div class="left">
            <p>团购 | <span>每天10点开始</span></p>
        </div>
        <div class="right">
            <p class="right-1"><a  href="/index-login">首页</a></p>
            <p class="right-2"><a  href="">品牌·剁手特卖</a></p>
            <p class="right-3"><a href="">囤货团</a></p>
        </div>
        <div class="center">
            <img src="img/tuihuo.png">
        </div>
    </div>
</nav>
<!--主题内容-->
<div id="wrapper">
    <!--图片展示和选择菜单栏-->
    <div class="main">
        <div class="main-left">
            <a href=""><img src="img/zhanshi2.jpg"></a>
        </div>
        <div class="main-center">
            <a href="">韩国螺纹领字母撞色棒球T恤</a>
            <p>这款T恤一定要入！搭配衣服真的很好看！ 面料是类似竹节棉的 很舒服！ 怎么都不会变形起球什么的！ 这款图案很有意思 你们自己体会吧哈哈！！！ 真心是很洋气 很特别</p>
            <div class="main-center-1">
                <p>团购价:<em>￥</em><span>30.00</span></p>
                <span class="main-center-bao">包邮</span>
                <div class="main-center-a"><a href="">去抢购</a></div>
            </div>
            <div class="main-center-bei">
                <div class="main-center-2">
                    <p><span>价格:</span><span class=""><s>￥50:00</s></span></p>
                    <p><span>立省:</span><span><em>￥</em>20:00</span></p>
                    <p><span>2148</span><span>人已付款</span></p>
                </div>
                <div class="main-center-3">
                    <span>距团购结束还剩：</span>
                    <span id="timer"></span>
                </div>
            </div>
                <div class="main-center-b">
                    <div class="main-center-4">
                        <span>12355</span>
                    </div>
                    <div class="main-center-5">
                        <span>分享</span>
                    </div>
                    <div class="main-center-6"><a href="">举报</a></div>
                </div>
                <div class="main-center-c">
                    <div class="main-center-7">服务承诺：</div>
                    <div class="main-center-8">
                        <ul>
                            <li><a href="">7天无理由退货</a></li>
                            <li><a href="">全国包邮</a></li>
                            <li><a href="">24小时发货</a></li>
                            <li><a href="">退货补运费</a></li>
                            <li><a href="">劣一赔三服务</a></li>
                        </ul>
                    </div>
                </div>
                <div class="main-center-d">
                    <div class="main-center-d-1">支付方式：</div>
                    <div class="main-center-d-2"></div>
                </div>
                <div class="main-center-e">
                    <p class="main-center-e-1"></p>
                    <p class="main-center-e-2"></p>
                    <div class="main-center-f">
                        <p>扫码下载手机客户端</p>
                        <p>享受手机专属优惠</p>
                    </div>
                    <div class="both"></div>
                </div>
            <div class="main-center-yin">
                <img src="img/sap.png">
                <p>蘑菇街客户端</p>
            </div>
        </div>
        <div class="main-right">
            <h3>商家信息</h3>
            <ul class="main-right-ul-1">
                <li><label>店铺：</label><span>月牙公主</span></li>
                <li><label>等级：</label><span></span></li>
                <li><label>客服：</label><div><a href=""></a></div></li>
                <li><label>所在地：</label><span>广州省广州市</span></li>
                <li><label>商品数：</label>793</li>
                <li><label>销售量：</label>182498</li>
                <li><label>创建时间：</label>2013年12月11日</li>
                <li class="main-right-li"><i></i>店铺保证金：<span>30000</span>元</li>
            </ul>
            <ul class="main-right-ul-2">
                <li>描述<span>4.69</span></li>
                <li>质量<span>4.70</span></li>
                <li>价钱<span>4.70</span></li>
                <li>服务<span>4.70</span></li>
            </ul>
            <div class="main-right-1">
                <a href="" class="main-right-a-1">进入商店</a>
                <a href="" class="main-right-a-2">收藏店铺</a>
            </div>
        </div>
    </div>
    <!--产品展示 列表详情-->
    <div class="home">
         <dl>
             <dt>相关推荐</dt>
             <dd class="home-dd-1">
                 <a class="home-a-1" href=""><img src="img/show1.jpg"></a>
                 <a class="home-a-2" href="">韩系经典条纹衫T恤</a>
                 <p>
                     <span class="h1">￥29.10</span>
                     <s>￥42.79</s>
                     <span class="h2">6.8折</span>
                 </p>
             </dd>
             <dd class="home-dd-1">
                 <a class="home-a-1" href=""><img src="img/show2.jpg"></a>
                 <a class="home-a-2" href="">甜美气质一字领短款雪纺衫</a>
                 <p>
                     <span class="h1">￥37.05</span>
                     <s>￥57.00</s>
                     <span class="h2">6.5折</span>
                 </p>
             </dd>
             <dd class="home-dd-1">
                 <a class="home-a-1" href=""><img src="img/xinkuantanli.jpg"></a>
                 <a class="home-a-2" href="">新款弹力显瘦高腰外穿打底裤</a>
                 <p>
                     <span class="h1">￥29.00</span>
                     <s>￥50.00</s>
                     <span class="h2">5.8折</span>
                 </p>
             </dd>
             <dd class="home-dd-1">
                 <a class="home-a-1" href=""><img src="img/xibao.jpg"></a>
                 <a class="home-a-2" href="">稀包新款韩版简约复古定型包百搭</a>
                 <p>
                     <span class="h1">￥49.29</span>
                     <s>￥98.58</s>
                     <span class="h2">5.0折</span>
                 </p>
             </dd>
             <dd class="home-dd-1">
                 <a class="home-a-1" href=""><img src="img/suantian.jpg"></a>
                 <a class="home-a-2" href="">酸甜开胃蜜饯零食半梅200g*3袋</a>
                 <p>
                     <span class="h1">￥22.26</span>
                     <s>￥42.81</s>
                     <span class="h2">5.2折</span>
                 </p>
             </dd>
             <dd class="home-dd-1">
                 <a class="home-a-1" href=""><img src="img/teruan.jpg"></a>
                 <a class="home-a-2" href="">【特软小白鞋】学院风舒适皮面平</a>
                 <p>
                     <span class="h1">￥46.41</span>
                     <s>￥71.40</s>
                     <span class="h2">6.5折</span>
                 </p>
             </dd>
             <dd class="home-dd-1">
                 <a class="home-a-1" href=""><img src="img/xiajixinkuan.jpg"></a>
                 <a class="home-a-2" href="">夏季新款日系少女学生舒适薄款</a>
                 <p>
                     <span class="h1">￥23.97</span>
                     <s>￥42.80</s>
                     <span class="h2">5.6折</span>
                 </p>
             </dd>
             <dd class="home-dd-1">
                 <a class="home-a-1" href=""><img src="img/maiyisongyi.jpg"></a>
                 <a class="home-a-2" href="">【买一送一@送同款！！！】新品</a>
                 <p>
                     <span class="h1">￥51.00</span>
                     <s>￥85.00</s>
                     <span class="h2">6.0折</span>
                 </p>
             </dd>
             <dd class="home-dd-1">
                 <a class="home-a-1" href=""><img src="img/hanguokuan.jpg"></a>
                 <a class="home-a-2" href="">韩国款流苏厚底松糕学院风魔</a>
                 <p>
                     <span class="h1">￥51.00</span>
                     <s>￥85.00</s>
                     <span class="h2">6.0折</span>
                 </p>
             </dd>
             <dd class="home-dd-1">
                 <a class="home-a-1" href=""><img src="img/youzengpin.jpg"></a>
                 <a class="home-a-2" href="">(有赠品)宿舍神奇大容量电煮锅</a>
                 <p>
                     <span class="h1">￥29.00</span>
                     <s>￥50.00</s>
                     <span class="h2">5.8折</span>
                 </p>
             </dd>
         </dl>
        <!-- 优品团商品信息 -->
        <div class="box">
            <!--广告位  &  商品详情-->
            <div class="detail-main">
                <div class="main-nav-wrap">
                    <div class="main-nav">
                        <!--tab切换鍵-->
                        <ul class="list  clearfix">
                            <li class="c">
                                <a href="#cc" id="and">
                                    <p>商品详情</p>
                                    <img class="arrow" src="img/arrow.png" alt="">
                                </a>
                            </li>
                            <li class="d" >
                                <a href="#five" id="end">买家评价 1045</a>
                            </li>
                        </ul>
                    </div>
                    <!--商品展示点击事件-->
                    <div class="home-center">
                       <a href="#one">尺码材质</a><b>|</b>
                       <a href="#two">穿着效果</a><b>|</b>
                       <a href="#four">细节做工</a><b>|</b>
                   </div>
                    <div id="one"></div>
                    <!--c尺码材质-->
                    <div class="home-center-one">
                        <h1>尺码材质 size</h1>
                        <div class="home-center-one-2">
                            <div class="home-center-1">
                                <table>
                                    <tbody>
                                     <tr>
                                         <td>袖型：常规袖</td>
                                         <td>风格：韩系,学院</td>
                                         <td>版型：宽松</td>
                                     </tr>
                                    <tr>
                                        <td>材质：棉</td>
                                        <td>颜色：绿色,白色</td>
                                        <td>衣长：常规款（51-65cm）</td>
                                    </tr>
                                     <tr>
                                         <td>领型：圆领</td>
                                         <td>图案：字母</td>
                                         <td>季节：夏季</td>
                                     </tr>
                                     <tr>
                                         <td>袖长：短袖</td>
                                     </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="home-center-2">
                                <table>
                                    <tbody>
                                    <tr>
                                        <td>尺码</td>
                                        <td>肩宽</td>
                                        <td>衣长</td>
                                        <td>胸围</td>
                                        <td>袖长</td>
                                    </tr>
                                    <tr>
                                        <td>均码</td>
                                        <td>47</td>
                                        <td>65</td>
                                        <td>98</td>
                                        <td>21</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div id="two"></div>
                    <!--穿着效果-->
                    <div class="home-center-two">
                        <h1>穿着效果 show</h1>
                        <div class="home-center-3">
                            <div class="home-center-4" >
                                <p></p>
                                <p>这款T恤一定要入！搭配衣服真的很好看！ 面料是类似竹节棉的 很舒服！ 怎么都不会变形起球什么的！ 这款图案很有意思 你们自己体会吧哈哈！！！ 真心是很洋气 很特别的一件哦！！！！</p>
                                <p></p>                                </div>
                        </div>
                    </div>
                    <!--模特展示-->
                    <div class="home-center-three">
                        <div class="home-center-three-1">
                            <img src="img/show3.jpg">
                            <img src="img/show4.jpg">
                            <img src="img/show5.jpg">
                            <img src="img/show6.jpg">
                            <img src="img/show7.jpg">
                            <img src="img/show8.jpg">
                            <img src="img/show9.jpg">
                            <img src="img/show10.jpg">
                            <img src="img/show11.jpg">
                            <img src="img/show12.jpg">
                            <img src="img/show13.jpg">
                            <img src="img/show14.jpg">
                            <img src="img/show15.jpg">
                        </div>
                    </div>
                    <div id="four"></div>
                    <!--做工展示-->
                    <div class="home-center-four">
                        <h1>细致做工 detail</h1>
                        <div class="home-center-four-1">
                            <img src="img/show16.jpg">
                            <img src="img/show17.jpg">
                        </div>
                    </div>
                    <div id="five"></div>
                    <!--买家评价-->
                    <div class="home-center-five" >
                        <h2 class="home-h2">买家评价</h2>
                        <div class="home-center-five-1">
                            <ul>
                                <li class="score">
                                    <div>
                                        <span class="score-1"><b style="width: 77px"></b></span>
                                        <span class="num"><b class="num-v">4.7</b><span class="num-s">分</span></span>
                                    </div>
                                </li>
                                <li>
                                    <span class="f3">描述符合:</span>
                                    <span class="score-1"><b style="width: 77px"></b></span>
                                    <span class="f2">4.8</span>
                                </li>
                                <li><span class="f3">价格合理:</span>
                                    <span class="score-1"><b style="width: 77px"></b></span>
                                    <span class="f2">4.76</span>
                                </li>
                                <li><span class="f3">商品质量:</span>
                                    <span class="score-1"><b style="width: 77px"></b></span>
                                    <span class="f2">4.72</span>
                                </li>
                            </ul>
                        </div>
                        <div class="home-center-five-2">
                            <div class="five">
                                <div class="five-1">
                                    <a href="" >全部评价（1050）</a>
                                    <b>|</b>
                                    <a>晒图（309）</a>
                                    <b>|</b>
                                    <a href="" class="hong">款式好（326）</a>
                                    <b>|</b>
                                    <a href="" class="hong">质量很好（149）</a>
                                    <b>|</b>
                                    <a href="" class="hong">料子很不错 （145） </a>
                                    <b>|</b>
                                    <a href="" class="hong">性价比高 (74) </a>
                                    <b>|</b>
                                    <a href="" class="hong">尺寸无偏差 (62) </a>
                                    <b>|</b>
                                    <a href="" class="hong"> 物流快（49）</a>
                                    <b>|</b>
                                    <a href="" class="hong">整体感觉不错（45）</a>
                                    <b>|</b>
                                    <a href="" class="hong">卖家服务很好（39）</a>
                                    <b>|</b>
                                    <a href="" class="hong">和描述的一样 (22) </a>
                                    <b>|</b>
                                    <a> 尺码不准 (65) </a>
                                    <b>|</b>
                                    <a>质量一般 (13) </a>
                                    <b>|</b>
                                    <a>有点薄 (11)  </a>
                                    <b>|</b>
                                </div>
                                <div class="five-2">
                                    全部
                                    <b></b>
                                </div>
                            </div>
                            <div class="six">
                                <div class="six-1">
                                    <div class="six-2">
                                        <div class="six-w">
                                            <div class="six-y">
                                                <span class="name">淼*****子</span>
                                                <span class="date">2016年07月25日</span>
                                            </div>
                                            <div class="six-z">衣服收到了，质量很好，穿起来也舒服，跟图片上一样。还想买一件绿色的。</div>
                                            <div class="six-a">
                                                <span >颜色:白色</span>
                                                <span>尺码:均码</span>
                                            </div>
                                            <div class="six-b">
                                                <ul>
                                                    <li class="six-li one">
                                                        <div class="img-x">
                                                            <span><img src="img/yong_1.jpg"></span></div></li>
                                                </ul>
                                                <div class="both"></div>
                                                <div class="six-b-1 one-1">
                                                    <div class="img-y">
                                                        <span><img src="img/hu_1.jpg"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="six-3">
                                        <img src="img/touxiang.jpg">
                                    </div>
                                    <div class="both"></div>
                                </div>
                                <div class="six-1">
                                    <div class="six-2">
                                        <div class="six-w">
                                            <div class="six-y">
                                                <span class="name">l****n</span>
                                                <span class="date">2016年07月11日</span>
                                            </div>
                                            <div class="six-z">衣服布料很好，挺大件的，我很满意</div>
                                            <div class="six-a">
                                                <span >颜色:白色</span>
                                                <span>尺码:均码</span>
                                            </div>
                                            <div class="six-b">
                                                <ul>
                                                    <li class="six-li two">
                                                        <div class="img-x">
                                                            <span><img src="img/yong_2.jpg"></span></div></li>
                                                </ul>
                                                <div class="both"></div>
                                                <div class="six-b-1 two-1">
                                                    <div class="img-y">
                                                        <span><img src="img/hu_2.jpg"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="six-3">
                                        <img src="img/touxiang.jpg">
                                    </div>
                                    <div class="both"></div>
                                </div>
                                <div class="six-1">
                                    <div class="six-2">
                                        <div class="six-w">
                                            <div class="six-y">
                                                <span class="name">淑****敏</span>
                                                <span class="date">2016年07月09日</span>
                                            </div>
                                            <div class="six-z">衣服真的很棒 穿起来也很好看 你值得拥有</div>
                                            <div class="six-a">
                                                <span >颜色:白色</span>
                                                <span>尺码:均码</span>
                                            </div>
                                            <div class="six-b">
                                                <ul>
                                                    <li class="six-li three">
                                                        <div class="img-x">
                                                            <span><img src="img/yong_3.jpg"></span></div></li>
                                                </ul>
                                                <div class="both"></div>
                                                <div class="six-b-1 three-1">
                                                    <div class="img-y">
                                                        <span><img src="img/hu_3.jpg"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="six-3">
                                        <img src="img/touxiang.jpg">
                                    </div>
                                    <div class="both"></div>
                                </div>
                                <div class="six-1">
                                    <div class="six-2">
                                        <div class="six-w">
                                            <div class="six-y">
                                                <span class="name">淑****敏</span>
                                                <span class="date">2016年07月09日</span>
                                            </div>
                                            <div class="six-z">衣服真的很棒 穿起来也很好看 你值得拥有</div>
                                            <div class="six-a">
                                                <span >颜色:白色</span>
                                                <span>尺码:均码</span>
                                            </div>
                                            <div class="six-b">
                                                <ul class="tab">
                                                    <li class="six-li four">
                                                        <div class="img-x">
                                                            <span><img src="img/yong_4.jpg"></span></div></li>
                                                    <li class="six-li ">
                                                        <div class="img-x">
                                                            <span><img src="img/yong_5.jpg"></span></div></li>
                                                </ul>
                                                <div class="both"></div>
                                                <div class="six-b-an">
                                                    <div class="img-y-1  four-5">
                                                        <span><img src="img/hu_4.jpg"></span>
                                                    </div>
                                                    <div class="img-y-1 four-6">
                                                        <span><img src="img/hu_5.jpg"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="six-3">
                                        <img src="img/touxiang.jpg">
                                    </div>
                                    <div class="both"></div>
                                </div>
                                <div class="six-1">
                                    <div class="six-2">
                                        <div class="six-w">
                                            <div class="six-y">
                                                <span class="name">淼*****子</span>
                                                <span class="date">2016年07月25日</span>
                                            </div>
                                            <div class="six-z">衣服收到了，质量很好，穿起来也舒服，跟图片上一样。还想买一件绿色的。</div>
                                            <div class="six-a">
                                                <span >颜色:白色</span>
                                                <span>尺码:均码</span>
                                            </div>
                                            <div class="six-b">
                                                <ul>
                                                    <li class="six-li one">
                                                        <div class="img-x">
                                                            <span><img src="img/yong_1.jpg"></span></div></li>
                                                </ul>
                                                <div class="both"></div>
                                                <div class="six-b-1 one-1">
                                                    <div class="img-y">
                                                        <span><img src="img/hu_1.jpg"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="six-3">
                                        <img src="img/touxiang.jpg">
                                    </div>
                                    <div class="both"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--页尾-->
<footer>
    <div class="footer-one">
        <div class="footer-two">
            <a class="logo" href=""></a>
            <div class="footer-1">
                <p>营业执照注册号:<a href="">330106000129004</a></p>
                <p>增值电信业务经营许可证:<a href="">浙B2-20110349
                </a></p>
                <p><a href=""><img src="img/anquan.png">
                    <span>浙公网安备 33010602002329号</span>
                </a></p>
                <p>©2016 Mogujie.com杭州卷瓜网络有限公司</p>
            </div>
            <div class="footer-2">
                <dl>
                    <dt>公司</dt>
                    <dd><a>关于我们</a></dd>
                    <dd><a>招聘信息</a></dd>
                    <dd><a>联系我们</a></dd>
                </dl>
                <dl>
                    <dt>消费者</dt>
                    <dd><a>消费者服务</a></dd>
                    <dd><a>意见反馈</a></dd>
                    <dd><a>手机版下载</a></dd>
                </dl>
                <dl>
                    <dt>商家</dt>
                    <dd><a>商家入驻</a></dd>
                    <dd><a>商家后台</a></dd>
                    <dd><a>蘑菇商学院</a></dd>
                    <dd><a>商家社区</a></dd>
                </dl>
                <dl class="footer-3">
                    <dt>权威认证</dt>
                    <dd>
                        <a class="dt-1" href=""></a>
                        <a class="dt-2" href=""></a>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
</footer>
<!--右边窗口-->
<div id="flex">
    <!--用户头像-->

    <div class="flex-one"></div>
    <div class="flex-two"></div>
    <div class="sidebar-item mgj-my-avatar">
        <a href="">
            <div class="img"><img src="img/xiongmao.jpg" alt=""></div>
        </a>
    </div>
    <!--购物车-->
    <div class="flex-three" >
        <a href="" id="flex-3">
            <i></i>
            <div>购物车</div>
            <div class="flex-num"></div>
        </a>
    </div>
    <!--优惠卷-->
    <div class="flex-three">
        <a href="">
            <i class="flex-i"></i>
            <div>优惠卷</div>
            <div class="flex-num"></div>
        </a>
    </div>
    <!--钱包-->
    <div class="flex-three">
        <a href="">
            <i class="flex-n"></i>
            <div>钱包</div>
            <div class="flex-num"></div>
        </a>
    </div>
    <!--足迹-->
    <div class="flex-three">
        <a href="">
            <i class="flex-z"></i>
            <div>足迹</div>
            <div class="flex-num"></div>
        </a>
    </div>
    <!--<!TOP图标->-->
    <div class="flex-four">
    <div class="flex-four-1">
        <a href="">
            <i class="flex-z"></i>
        </a>
    </div>
    </div>
</div>
</body>
</html>
<script src="js/showjs.js"></script>
